<style>html,body{height:100%; margin-bottom:0 !important;}</style>
<div id="lead">
	<img src="{$site.bg_start}"/>
	<div class="goto-index">
		<a>
			<p>&gt;&gt;点击进入&lt;&lt;</p>
			<p>ENTER</p>
		</a>
	</div>
</div>
<section class="main" id="page" data-src="{$site.bg_pic}">
	<div class="house-lists mt5 ml5 fl clearfix">
		<tag:category id="vo">
			<a href="{$vo.url}">{$vo.name} &gt;</a>
		</tag:category>
	</div>
</section>
<script type="text/javascript">

	var body = document.getElementById("page");
	localStorage.removeItem("body-background");
	new storageImage(body, "body-background", 1, true);
	
	(function(){
		//首页引导图片，没第一次进入点击后存入sessionStorage不再显示//btw:现在还需要这种引导图片？ s
		window.addEventListener("load", lead, false);
		function lead () {
			var lead = document.getElementById("lead"),
				   main = document.getElementById("page");
			window.sessionStorage.getItem("clickLead") && ( lead.style.display="none" );
			lead.onclick = function(){
				this.style.top = "-999px";
				main.style.display = "block";
				window.sessionStorage.setItem("clickLead", 1);
			};
		}
	})();
	
	(function(){ 
		window.addEventListener("load", addHelpDiv, false);
		function addHelpDiv () {
			//增加一个伪层
			var footer = document.getElementById("footer"),
				div = document.createElement("div"),
				main = document.getElementById("page"),
				footerH = getComputedStyle(footer, false).height;
			div.style.height = footerH;
			div.style.clear = "left";
			main.appendChild( div );
		}
	})();
</script>
